<template>
  <div>
    <lx-layout>
      <template v-slot:header>
        你好
      </template>
      <template v-slot:center>
        你好,center
      </template>
      <template v-slot:east>
        你好,east
      </template>
      <template v-slot:west>
        你好,west
      </template>
      <template v-slot:footer>
        你好,footer
      </template>
    </lx-layout>
    <!-- <lx-data-grid
      :height="400"
      :data="tableData"
      title="这是数据表格"
      style="width: 100%"
    >
      <lx-data-column type="checkbox" width="70"></lx-data-column>
      <lx-data-column type="index" label="#" width="70"></lx-data-column>
      <lx-data-column prop="date" label="日期" width="180"></lx-data-column>
      <lx-data-column prop="name" label="姓名" width="180"></lx-data-column>
      <lx-data-column prop="address" label="地址" width='210'></lx-data-column>
      <lx-data-column fixed="right" label="操作" width="200">
        <template>
          <lx-button type="text" size="small">查看</lx-button>
          <lx-button type="text" size="small">编辑</lx-button>
        </template>
      </lx-data-column  >
    </lx-data-grid> -->
  </div>
</template>

<script>
// import LxDataGrid from "./components/LxDataGrid/LxDataGrid.vue";
// import LxDataColumn from "./components/LxDataGrid/LxDataColumn.vue";
// import LxButton from './components/btn/LxButton.vue'
import LxLayout from './components/LxLayout/LxLayout.vue';

export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
    };
  },
  components: { 
    // LxDataGrid, 
    // LxDataColumn, 
    // LxButton, 
    LxLayout },
};
</script>

<style scoped>
</style>